// .policy-content {
//   color: #000;
//   text-align: left;
//   .policy-strong{
//     font-weight: 600;
//     text-decoration: underline;
//   }
//   .policy-text{
//     display: block;
//   }
// }


/*
  .a .b .c .d{}
    选择器是从右往左解析的
    为什么？性能更好

    div .a
      100 div  有一个.b
        100 div  有一个.c
          100 div  有一个.d

    如果从左往右解析： 
      .a 遍历所有元素，找到一个div .a (100*100*100 + 1)
      .b 遍历.a所有后代元素，找到一个div .b (100*100*100)
      .c 遍历.b所有后代元素，找到一个div .c (100*100)
      .d 遍历.c所有后代元素，找到一个div .d (100)

    如果从右往左解析：
      .d 遍历所有元素，找到一个div .d (100*100*100 + 1)
      .c 遍历所有元素，找到一个div .c (3)
      .b 遍历所有元素，找到一个div .b (2)
      .a 遍历所有元素，找到一个div .a (1)

  上面写问题：
    1. 嵌套多层样式，体积更大
    2. 性能稍差

  建议：
    1. 不要嵌套写样式，这样写性能不好
    2. 如果需要嵌套写样式，目的给样式增加权重
    3. 嵌套写最多3-4层，不要太多了
*/

// 这样更好 
.policy-content {
  color: #000;
  text-align: left;
}

.policy-strong{
  font-weight: 600;
  text-decoration: underline;
}

.policy-text{
  display: block;
}

.register-phone{
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.register-phone-prefix{
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #000;
}